<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script src="./js/jquery.min.js"></script>
	
	</head>
	<body>
		
		
		<h1>多选框，全选或全不选</h1>
		
		<div>
		爱好：
		
		<input  type="checkbox" name="hobby" id="hobby" />吃
		<input  type="checkbox" name="hobby" id="hobby"/>喝
		<input  type="checkbox" name="hobby" id="hobby"/>玩
		<input  type="checkbox" name="hobby" id="hobby"/>乐
	
		</div>
		
		<div>
			<button id="selectALL">全选</button>
			<button id="unSelectALL">全取消</button>
			
			
		</div>
		
	</body>
	
	<script>
		//JQuery中checked属性，true选择
	//	$("selectALL").attr("checkes"，true);
		
		$("#selectALL").click(function(){
	       //返回一个数组，直接操作只去一个值
		//	$("#hobby").attr("checked"，true);
			
			//对数组元素遍历，each方法会遍历所有元素
           $("[id=hobby]").prop("checked",true);

		})
		
		$("#unSelectALL").click(function(){
			
			$("[id=hobby]"),attr("checked",false);
			
		})
		
		
	</script>
	
	
	
	
	
</html>
